<div class="card-wrap">
  <mat-card>
    <!--card header-->
    <mat-card-header>
      <mat-card-title>登 录</mat-card-title>
    </mat-card-header>

    <!--card content-->
    <mat-card-content>
      <mat-form-field class="full-width">
        <input matInput placeholder="请输入您的email" [formControl]="email" required>
        <mat-error *ngIf="email.invalid">{{getErrorMessage()}}</mat-error>
      </mat-form-field>
      <mat-form-field class="full-width">
        <input matInput placeholder="请输入您的密码" required>
      </mat-form-field>
      <button mat-raised-button>登录</button>
    </mat-card-content>

    <!--card actions-->
    <mat-card-actions class="text-right">
      <p>还没有账户？<a routerLink="./register">注册</a></p>
      <p>忘记密码？<a href="/">找回</a></p>
    </mat-card-actions>
  </mat-card>

  <!--card 2-->
  <mat-card>
    <!--card header-->
    <mat-card-header>
      <mat-card-title>每日佳句</mat-card-title>
      <mat-card-subtitle>
        满足感在于不断的努力，而不是现有的成就。
      </mat-card-subtitle>
    </mat-card-header>

    <!--card img-->
    <img mat-card-image src="https://material.angular.io/assets/img/examples/shiba2.jpg" alt="Photo of a Shiba Inu">

    <!--card content-->
    <mat-card-content>
      <p>
        The Shiba Inu is the smallest of the six original and distinct spitz breeds of dog from Japan.
      </p>
    </mat-card-content>
  </mat-card>
</div>


